<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0">

	<title>ProCal-ProSer</title>
	
	<!-- bootstrap -->
	<link href="../../template/css/bootstrap/bootstrap.css" rel="stylesheet" />

	<!-- libraries -->
	<link href="../../template/css/libs/font-awesome.css" type="text/css" rel="stylesheet" />

	<!-- global styles -->
	<link rel="stylesheet" type="text/css" href="../../template/css/compiled/layout.css">
	<link rel="stylesheet" type="text/css" href="../../template/css/compiled/elements.css">
	<link rel="stylesheet" href="../../template/css/libs/select2.css" type="text/css" />

	<!-- this page specific styles -->
	<link rel="stylesheet" type="text/css" href="../../template/css/libs/dropzone.css">

	<!-- google font libraries -->
	<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,600,700,300|Titillium+Web:200,300,400' rel='stylesheet' type='text/css'>

	<!--[if lt IE 9]>
		<script src="js/html5shiv.js"></script>
		<script src="js/respond.min.js"></script>
	<![endif]-->
	<!--[if lt IE 8]>
		<link href="css/libs/font-awesome-ie7.css" type="text/css" rel="stylesheet" />
	<![endif]-->
</head>
	<script src="../../template/js/jquery.js"></script>
	
<body>
	<script src="../../javascript/Seguridad/header.js"></script>
	<div class="container">
		<div class="row">
			<div class="col-md-2" id="nav-col">
				<script src="../../javascript/Seguridad/section.js"> </script>
			</div>
			<div class="col-md-10 col-sm-11" id="content-wrapper">
				<div class="row">
					<div class="col-lg-12">
						<h1>Listas de Publicaciones</h1>
						<div class="row">
							<div class="col-lg-12">
								<div class="main-box clearfix">
								<form role="form"  action="" id="form">
									<h2>Ver Lecturas de Lista de Publicación</h2>
									<h3><span>Datos Básicos</span></h3>
		                            <div class="row">		                            	
		                                <div class="col-lg-12">		                                    
	                                        <div class="form-group">	                                        	
	                                            <label>Tema</label>
	                                            <h4 id="tema"></h4>
	                                            <!--<div class="input-group">
	                                            	<span class="input-group-addon"><i class="fa fa-book"></i></span>
	                                           		<input type="Tema" class="form-control" id="Tema">							
	                                        	</div>-->
	                                        </div>	                                                           
		                                </div>
		                            </div>
		                            <h3><span>Lecturas que deben revisarse</span></h3>		                            
										<div class="clearfix">
											<div class="filter-block pull-right">														<select type="tipovista" class="form-control" id="tipovista">
													<option value="1">Vista Compacta</option>
													<option value="2">Vista Extendida</option>
												</select>
											</div>
										</div>
										<div class="table-responsive" id="divCompacta">
											<table class="table tablesorter" id="tabla">
												<thead>	
													<tr>
														<th class="text-center">
															<span>Titulo</span>
														</th>
														<th class="text-center">
															<span>Palabras Clave</span>
														</th>
													    <th class="text-center">
															<span>Autor(es)</span>
														</th>
													</tr>
												</thead>
												<tbody id="listaLecturas">
													
												</tbody>											
											</table>
										</div>
										<div class="list-group" id="divExtendida">
											
										</div>
										<!--
										<h3><span>Grupos a asignar</span></h3>
										<div class="row">
	                                		<div class="col-md-6">
		                                        <div class="form-group form-group-select2">
													<select style="width:525px" id="sel2grupo" multiple>							</select>
		                                        </div>
		                                    </div>	                                    
	                            		</div>-->
	                <!--MODAL VER Archivos-->   	                     
					<div class="modal fade" id="detalleArchivo" tabindex="-1" role="dialog" aria-labelledby="detalleArchivo" aria-hidden="true">
							<div class="modal-dialog" style="width:743px;">
								<div class="modal-content">
									<div class="modal-header">
										<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
										<h3 class="modal-title" id="tituloModal">Archivo</h3>
									</div>
								<div class="modal-body embedded" id="modalDiv">														
								</div>
								<div class="modal-footer">
									<button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
								</div>
							</div><!-- /.modal-content -->
						</div><!-- /.modal-dialog -->
					</div><!-- /.modal -->		                     	
					<!--FIN MODAL Archivos-->	                
		                     <br><br>
		                    <div class="row pull-center">
		                    	<div class="col-md-4"></div>
			                    <div class="col-md-4">      	
	                    			<button type="button" class="btn btn-default" value="regresar" onClick="location.href='ViewGestionListaPublicacion.html'">Regresar</button>
                    			</div>
                    			<div class="col-md-4"></div>
                    		</div>
                        	</form>							
							</div>
						</div>
						
					</div>
				</div>
			</div>
		</div>
	</div>
	<footer id="footer-bar">
		<p id="footer-copyright">
			&copy; 2014 INV-TOOL. Powered by Nadya - Albert
		</p>
	</footer>
	
	<!-- global scripts -->
	<script src="../../javascript/Seguridad/interfaz.js"></script>
	<script src="../../template/js/bootstrap.js"></script>
	
	<!-- this page specific scripts -->
	<script src="../../template/js/select2.min.js"></script>
	<script src="../../template/js/dropzone.js"></script>
	<script src="../../javascript/Publicacion_Documental/listaPublicacionVer.js"></script>
	<script src="../../template/js/pdfobject.js"></script>
	<script src="../../javascript/Busqueda/Busqueda.js"></script>

	<!-- theme scripts -->
	<script src="../../template/js/scripts.js"></script>
	
	<!-- this page specific inline scripts -->

</body>
</html>